<!--html5中定义该文档是html文档-->
<!DOCTYPE html>
<!--文档的根标签-->
<html lang="ch">
<!--头标签。用于指定html文档的一些属性。引入外部的资源-->
<head>
    <!--指定字符集utf-8,不写会乱码的,默认utf-8-->
    <meta charset="UTF-8">
    <!--title-->
    <title>呵.............呵</title>
</head>
<header></header>
<!--体标签-->
<body>
<!--注释-->
<!--br换行自闭标签<br>不严谨-->
白日依山尽, <br/>
黄河入海流 <br/>
<!-- <h1> to <h6>：标题标签1---6字体从大到小-->
黑马旅游网 <br/>
<h1>黑马旅游网</h1>
<h2>黑马旅游网</h2>
<h3>黑马旅游网</h3>
<h4>黑马旅游网</h4>
<h5>黑马旅游网</h5>
<h6>黑马旅游网</h6>
<!-- <p>：段落标签-->
<p>黑马旅游网黑马旅游网黑马旅游网黑马旅游网</p>
<p>黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网</p>
<p>黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网</p>
<!--* <hr>：展示一条水平线-->
<!--属性:1.颜色color,宽度,高度,对齐方式-->
<hr color="red" width="200" size="10" align="left"/>
<!-- <b>：字体加粗
		* <i>：字体斜体
		* <font>:字体标签
		* <center>:文本居中-->
<hr/>
黑马旅游网 <br/>
<hr/>
<b>黑马旅游网</b>
<hr/>
<i>黑马旅游网</i>
<hr/>
<!--属性颜色,字体大小,字体-->
<font color="#FF00FF" size="12" face="楷体">黑马旅游网</font>
<hr/>
<!--颜色:英文单词 2.rgb(值1,值2,值3),值的范围0-255,#值1值2值3,值的范围00---FF(推荐这种写法)-->
<!--宽度  1.数值:数值的单位px(默认像素)  2.百分号 50%,占父元素的百分之五十-->
<!--<center>:文本居中-->

<center><font color="#FF00FF" size="12" face="楷体">黑马旅游网</font></center>

<!--展示一张图片 img自闭和标签align对齐方式,sr路径,alt加载失败替换的信息,宽高-->
<img src="image/jingxuan_2.jpg" align="right" alt="古镇" width="500" height="500"/>


<!--
    相对路径
        * 以.开头的路径
            * ./：代表当前目录  ./image/1.jpg(默认如上)
            * ../:代表上一级目录(当前目录的上一级目录)
 -->

<img src="./image/jiangwai_1.jpg">


<!--列表标签-->


<!--有序列表 ol-->
早上起床干的事情
<ol type="A" start="5">
    <li>睁眼</li>
    <li> 看手机</li>
    <li> 穿衣服</li>
    <li> 洗漱</li>
</ol>
<ol type="" start="5">
    <li>睁眼</li>
    <li> 看手机</li>
    <li> 穿衣服</li>
    <li> 洗漱</li>
</ol>
<!-- 无序列表  ul<li>(列表项)-->

早上起床干的事情
<ul type="disc">
    <li>睁眼</li>
    <li> 看手机</li>
    <li> 穿衣服</li>
    <li> 洗漱</li>
</ul>


早上起床干的事情
<ul type="square">
    <li>睁眼</li>
    <li> 看手机</li>
    <li> 穿衣服</li>
    <li> 洗漱</li>
</ul>

早上起床干的事情
<ul type="circle">
    <li>睁眼</li>
    <li> 看手机</li>
    <li> 穿衣服</li>
    <li> 洗漱</li>
</ul>


<!--链接标签-->

<!--超链接  a-->
<!--属性href:指定访问资源的URL(统一资源定位符),也可以指定内部资源-->
<a href="http://www.itcast.cn">点我</a>
<br>

<!--属性target,值_self默认本页面内打开,_blank空白页面打开链接-->
<a href="http://www.itcast.cn" target="_self">点我</a>
<br>
<a href="http://www.itcast.cn" target="_blank">点我</a>

<br>

<a href="./5_列表标签.html">列表标签</a><br>
<a href="mailto:itcast@itcast.cn">联系我们</a>
<br>

<!--和图片一起使用,点击图片-->
<a href="http://www.itcast.cn"><img src="image/jiangwai_1.jpg"></a>


<span>黑马程序员</span>

<span>传智播客</span>

<hr>
<div>黑马程序员</div>
<div>传智播客</div>

<!--1. <header>：页眉	2. <footer>：页脚-->














</body>
</html>